<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta content="initial-scale=1.0,user-scalable=no,maximum-scale=1,width=device-width" name="viewport">
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="black" name="apple-mobile-web-app-status-bar-style">
    <meta content="telephone=no" name="format-detection">
    <meta http-equiv="Cache-Control" content="no-transform ">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>App下载</title>
    <style type="text/css">
        body, html {
            width: 100%;
            height: 100%;
            background-color: #fff;
            overflow-x: hidden;
            margin: 0px;
            padding: 0px;
            color: #252825;
            font-family: Arial, "Microsoft YaHei";
	text-align: center;
        }

        header {
            position: relative;
        }

        header p {
            text-align: center;
            font-size: 95%;
            line-height: 10px;
        }



            header .right_direction {
                position: absolute;
                right: 6%;
                width: 20px;
                height: 20px;
                top: -5px;
                background-image: url(download/img/direction.png);
                background-repeat: no-repeat;
                background-size: 100% auto;
            }

        footer {
             color: #252825;
            text-align: center;
            position: absolute;
            bottom: 0px;
            left: 0px;
            height: 40px;
            width: 100%;
        }

        .download_area {
            position: absolute;
            bottom: 13%;
            left: 0px;
            width: 100%;
            border: solid 0px #ccc;
            height: 150px;
        }

            .download_area a {
                float: left;
                width: 69%;
                height: 55px;
                border: solid 1px #99E8E1;
                text-align: left;
                padding-left: 30%;
                line-height: 55px;
                color: #252825;
                text-decoration: none;
                font-size: 150%;
                background-color:#04af51;
                border-radius: 5px;
            }

                .download_area a:nth-child(1) {
                    margin-bottom: 20px;
                    background-image: url(__IMG__/ios.png);
                    background-repeat: no-repeat;
                    background-size: auto 80%;
                    background-position: 13% 4px;
                }

                .download_area a:nth-child(2) {
                    margin-bottom: 20px;
                    background-image: url(__IMG__/android.png);
                    background-repeat: no-repeat;
                    background-size: auto 80%;
                    background-position: 13% 4px;
                }

            .download_area div {
                width: 75%;
                margin: auto;
                overflow: hidden;
            }

        .logo_area {
            text-align: center;
            border: solid 0px #ccc;
            position: absolute;
            left: 0px;
            width: 100%;
            bottom: 47%;

        }

            .logo_area p {
                line-height: 5px;
            }

            .logo_area .p1 {
                color: #252825;
                font-size: 170%;
                line-height: 0px;
            }

            .logo_area .p2, .logo_area .p3 {
               color: #252825;
                font-size: 130%;
            }
            
    </style>
</head>
<body>
    <header>
        <div class="right_direction"></div>
        <p>微信中无法直接下载,可以点击右上角</p><p>
        </p><p>选择<span>在浏览器中打开</span>即可下载。</p>
    </header>
    <section class="logo_area">
        <img src="__IMG__/logo.png" >
        <p class="p2">使用58链车APP，找车卖车更便捷</p>
    </section>
    <section class="download_area">
        <div>
            <a href="https://itunes.apple.com/cn/app/58%E9%93%BE%E8%BD%A6/id1196102324?mt=8">iphone版下载</a>
            <a id="android" href="http://www.58lianche.com/apk/58CarV1.4.2.apk">Android版下载</a>
        </div>
    </section>
    <footer>http://www.58lianche.com</footer>
    <script>
	function is_weixn(){
		var ua = navigator.userAgent.toLowerCase();
		if(ua.match(/MicroMessenger/i)=="micromessenger") {
			return true;
		} else {
			return false;
		}
	}
	if(is_weixn()){
		//document.getElementById('android').href = 'http://a.app.qq.com/o/simple.jsp?pkgname=';
	}
    </script>
</body>
</html>